<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>推广用户注册</title>
    <link rel="stylesheet" href="__PUBLIC__/portal/share/css/hui.css">
    <link rel="stylesheet" href="__PUBLIC__/portal/share/css/style.css">
    <script src="__PUBLIC__/portal/share/js/com.js"></script>
    <script src="__PUBLIC__/portal/share/js/hui.js"></script>
    <script src="__PUBLIC__/portal/share/js/template-web.js"></script>
    <style>
        ::-webkit-input-placeholder { /* WebKit browsers */
            color: #999;
            font-size: 16px;
        }
        ::-moz-placeholder { /* Mozilla Firefox 19+ */
            color: #999;
            font-size: 16px;
        }
        :-ms-input-placeholder { /* Internet Explorer 10+ */
            color: #999;
            font-size: 16px;
        }
        .circle1{
            border: 1px solid #b7b7b7;
            width: 18px;
            height: 18px;
            border-radius: 50%;
            text-align: center;
            line-height: 15px;
            display: inline-block;
            position: absolute;
            left: -22px;
            top: 1px;
        }

        .hz_circle{
            color: #2aae7d;
            font-size: 0.8rem;
            display: none;
        }
        .active{
            display: inline-block;
        }
    </style>
</head>
<body>
<div style="background: no-repeat center center none;background-size: cover" class="w100per h100per" id="bgcontain">
    <div style="padding: -1px 0 14px 18px">
        <img src="__PUBLIC__/portal/share/img/bg.jpg"  alt="">
    </div>
    <div id="contain"></div>
</div>
<script type="text/html" id="tpl">
    <div class="pad_l10 pad_r10 pad_b16">
        <div class="bdr8 pad_l10 pad_r10 bgcfff bd_allred">
            <div class="bd_b" style="padding: 14px 0;line-height: 28px">
                <div class="table">
                    <div class="fs13 c333 wem8">
                        <div class="pad_l10" style="font-size: 16px;"><strong>手 机 号 *</strong></div>
                    </div>
                    <div><input class="fs13 w100per" type="number" placeholder="请输入手机号" name="phone"></div>
                </div>
            </div>
            <div class="bd_b" style="padding: 14px 0;line-height: 28px">
                <div class="table">
                    <div class="fs13 c333 wem8">
                        <div class="pad_l10" style="font-size: 16px;"><strong>密&nbsp;&nbsp;&nbsp;码*</strong></div>
                    </div>
                    <div><input class="fs13 w100per" type="password" placeholder="请输入密码" name="password"></div>
                </div>
            </div>
            <div class="bd_b" style="padding: 14px 0;line-height: 28px">
                <div class="table">
                    <div class="fs13 c333 wem8">
                        <div class="pad_l10" style="font-size: 16px;"><strong>确认密码*</strong></div>
                    </div>
                    <div><input class="fs13 w100per" type="password" placeholder="确认密码" name="confirm_password"></div>
                </div>
            </div>
            <!--<div class="bd_b" style="padding: 14px 0;line-height: 28px">-->
                <!--<div class="table" style="">-->
                    <!--<div class="fs13 c333 wem8">-->
                        <!--<div class="pad_l10" style="font-size: 16px;"><strong>验 证 码*</strong></div>-->
                    <!--</div>-->
                    <!--<div><input class="fs13 w100per" type="number" placeholder="请输入短信验证码" name="yzm"></div>-->
                    <!--<div class="wem7 txt_right">-->
                        <!--<a href="javascript:sendmafun();" class="bgcred bdr4 wem6 txt_center inblock cfff fs13" id="sendma">获取验证码</a>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</div>-->
            <!--<div class="bd_b" style="padding: 14px 0;line-height: 28px">-->
                <!--<div class="table">-->
                    <!--<div class="fs13 c333 wem8">-->
                        <!--<div class="pad_l10" style="font-size: 16px;"><strong>姓&nbsp;&nbsp;&nbsp;名*</strong></div>-->
                    <!--</div>-->
                    <!--<div><input class="fs13 w100per" type="text" placeholder="请输入姓名" name="user_name"></div>-->
                <!--</div>-->
            <!--</div>-->
            <!--<div class="bd_b" style="padding: 14px 0;line-height: 28px">-->
                <!--<div class="table">-->
                    <!--<div class="fs13 c333 wem8">-->
                        <!--<div class="pad_l10" style="font-size: 16px;"><strong>地&nbsp;&nbsp;&nbsp;址*</strong></div>-->
                    <!--</div>-->
                    <!--<div><input class="fs13 w100per" type="text" placeholder="请输入地址" name="address"></div>-->
                <!--</div>-->
            <!--</div>-->
            <!--<div class="bd_b" style="padding: 14px 0;line-height: 28px">-->
                <!--<div class="table">-->
                    <!--<div class="fs13 c333 wem8">-->
                        <!--<div class="pad_l10" style="font-size: 16px;"><strong>身份证号</strong></div>-->
                    <!--</div>-->
                    <!--<div><input class="fs13 w100per" type="text" placeholder="请输入身份证号" name="user_no"></div>-->
                <!--</div>-->
            <!--</div>-->
        </div>
    </div>
    <div class="pad10">
        <a href="javascript:submit();" class="cfff fs15 txt_center bgcred bdr4 pad_t10 pad_b10 block">注册</a>
    </div>
    <div style="float: left;height: 41px;position: relative;margin-left: 68px;">
        <span class="circle1">
            <span class="hz_circle">√</span>
        </span>
        <a id="ddddda" href="javascript:;">我已阅读，并同意</a>
        <a id="presentation" href="javascript:;" style="color:red" >《云尚奥莱推广合同》</a>
    </div>
    <input type="hidden" id="code" value="{$code}">
    <input type="hidden" id="value" value="{$value}">
</script>
<script src="__PUBLIC__/home/js/jquery.min.js"></script>
<script src="__PUBLIC__/home/js/layer/layer.js"></script>


<!--配置微信分享-->
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js "></script>
<script>

    var canajax=true;

    var data={
        tel:'',
        code:''
    };
    function renderhtml(){
        document.getElementById('contain').innerHTML=template('tpl', data);
    }
    data.tel=Getvariable('phone');
    renderhtml();
    pre_loading_txt(100);
    // }

    //防止 键盘弹出后 背景错位
    // var h=window.innerHeight<500?500:window.innerHeight;
    // console.log(h)
    document.getElementById('bgcontain').style.height='650px';

    $("#presentation").click(function(){
        layer.open({
            type: 2,
            title: '云尚奥莱推广合同',
            shadeClose: true,
            shade: 0.8,
            area: ['100%', '100%'],
            content: "{:U('Index/promotion_agreement')}" //iframe的url
        });
    })
    var onclick_circle = true;
    $("#ddddda").click(function(){
        if(onclick_circle){
            $(".hz_circle").show();
            onclick_circle = false;
        }else{
            $(".hz_circle").hide();
            onclick_circle = true;
        }
    })
    $(".circle1").click(function(){
        if(onclick_circle){
            $(".hz_circle").show();
            onclick_circle = false;
        }else{
            $(".hz_circle").hide();
            onclick_circle = true;
        }
    })

    //
    // var timestamp;//时间戳
    // var noncestr;//随机字符串
    // var signature;//签名
    // var pageUrl=window.location.href;
    // var conUrl=location.href.split('#')[0];
    // $.ajax({
    //     url:"{:U('Index/getWinChatShareSignature')}",
    //     data:{
    //         url:conUrl
    //     },
    //     dataType:'json',
    //     async: false,//设置为同步获取，避免线程延迟
    //     method:'post',
    //     success:function(data){
    //         //设置数据
    //         timestamp=data.timestamp;
    //         noncestr=data.noncestr;
    //         signature=data.signature;
    //     }
    // });

    // //分享初始配置
    // wx.config({
    //     debug: true,
    //     appId: 'wx75732915fa967aca',
    //     timestamp: timestamp ,
    //     nonceStr: noncestr ,
    //     signature: signature ,
    //     jsApiList: ["onMenuShareTimeline","onMenuShareAppMessage","onMenuShareQQ","onMenuShareWeibo","onMenuShareQZone",
    //     "updateAppMessageShareData"]
    // });
    //
    // //分享平台配置
    // wx.ready(function(){
    //     console.log(pageUrl);
    //     wx.updateAppMessageShareData({
    //         title: '测试连接', // 分享标题
    //         desc: '测试', // 分享描述
    //         link: pageUrl, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
    //         imgUrl: '../data/file/store_2/other/store_logo.jpg', // 分享图标
    //         success: function () {
    //             // 设置成功
    //         }
    //
    //     })
    //     wx.onMenuShareTimeline({
    //         title: 'title', // 分享标题
    //         link: pageUrl, // 分享链接
    //         imgUrl: "http://"+window.location.host+"/Public/sharelogo.png", // 分享图标
    //         success: function () {
    //             alert("分享成功！");
    //         },
    //         cancel: function () {
    //             // 用户取消分享后执行的回调函数
    //         }
    //     });
    //
    //     wx.onMenuShareAppMessage({
    //         title: 'title', // 分享标题
    //         desc: 'desc', // 分享描述
    //         link: pageUrl, // 分享链接
    //         imgUrl: "http://"+window.location.host+"/Public/sharelogo.png", // 分享图标
    //         type: '', // 分享类型,music、video或link，不填默认为link
    //         dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
    //         success: function () {
    //             // 用户确认分享后执行的回调函数
    //         },
    //         cancel: function () {
    //             // 用户取消分享后执行的回调函数
    //         }
    //     });
    //
    //     wx.onMenuShareQQ({
    //         title: 'title',  // 分享标题
    //         desc: 'desc', // 分享描述
    //         link: pageUrl, // 分享链接
    //         imgUrl: "http://"+window.location.host+"/Public/sharelogo.png", // 分享图标
    //         success: function () {
    //             // 用户确认分享后执行的回调函数
    //         },
    //         cancel: function () {
    //             // 用户取消分享后执行的回调函数
    //         }
    //     });
    //
    //     wx.onMenuShareWeibo({
    //         title: 'title',  // 分享标题
    //         desc: 'desc', // 分享描述
    //         link: pageUrl, // 分享链接
    //         imgUrl: "http://"+window.location.host+"/Public/sharelogo.png", // 分享图标
    //         success: function () {
    //             // 用户确认分享后执行的回调函数
    //         },
    //         cancel: function () {
    //             // 用户取消分享后执行的回调函数
    //         }
    //     });
    //
    //     wx.onMenuShareQZone({
    //         title: 'title',  // 分享标题
    //         desc: 'desc', // 分享描述
    //         link: pageUrl, // 分享链接
    //         imgUrl: "http://"+window.location.host+"/Public/sharelogo.png", // 分享图标
    //         success: function () {
    //             // 用户确认分享后执行的回调函数
    //         },
    //         cancel: function () {
    //             // 用户取消分享后执行的回调函数
    //         }
    //     });
    // });


    //注册
    function submit(){
        if(!canajax){
            return false;
        }
        var phone=document.getElementsByName('phone')[0].value;
        var password=document.getElementsByName('password')[0].value;
        var confirm_password=document.getElementsByName('confirm_password')[0].value;
        // var yzm=document.getElementsByName('yzm')[0].value;
        var user_name = $("input[name=user_name]").val();
        var address = $("input[name=address]").val();
        var user_no = $("input[name=user_no]").val();

        if(phone==''){
            hui.toast('请输入手机号');
            return false;
        }
        if(!/^1[3|4|5|7|6|8|9]\d{9}$/.test(phone)){
            hui.toast('手机号不正确');
            return false;
        }

        if(password == ''){
            hui.toast('请输入密码');
            return false;
        }
        if(confirm_password == ''){
            hui.toast('请输入确认密码');
            return false;
        }
        if (password == null || password.length < 6) {
            hui.toast('密码长度不足6位');
            return false;
        }

        if(password != confirm_password){
            hui.toast('两次密码不一致');
            return false;
        }
        // if(user_name==''){
        //     hui.toast('请输入姓名');
        //     return false;
        // }
        // if(address==''){
        //     hui.toast('请输入地址');
        //     return false;
        // }
        if(onclick_circle){
            hui.toast('请先阅读并勾选合同选项！');
            return false;
        }
        url = "{:U('Index/addPost')}";
        var chuan={
            phone_mob:phone,
            password:password,
            confirm_password:confirm_password,
            // address:address,
            // user_name:user_name,
            // user_no:user_no,
            value:$("#value").val(),
            code:$("#code").val()
        };
        hui.post(
            url,
            chuan,
            function(res){
                canajax=true;
                res = JSON.parse(res);
                if (res.code == 1) {
                    layer.msg('注册成功！',function(){
                        // window.location.reload();
                        // var invite_code = $("#value").val();
                        // window.location.href = "/mobile/index.php?app=qrcode&act=download&invite_code="+invite_code;
                        window.location.href = "{:U('Index/presentationWidthdraw')}";
                    });
                } else if (res.code == -1) {
                    layer.msg(res.msg);
                    return false;
                }
            },
            function(res){
                canajax=true;
                console.log('error');
                console.log(res);
            }
        );
    }
</script>
</body>
</html>